@charset "UTF-8";
// 默认移动端设计稿宽度
$baseDevice: 750;
// 前端切图移动端默认正常显示尺寸320
$device: 320;
// 默认html font-size
$baseFontSize: 100px;
html {
  font-size: $baseFontSize;
}

// 颜色定义规范
$color-dc: #DCDCDC;
$color-fb: #FBBE28;
$color-f5: #F5F5F5;
$color-fa: #FA2E2E;
$color-fe: #FE4B4B;
$color-d8: #D81E06;
$color-d2: #D2D2D2;
$color-cb: #CBCCCE;
$color-ff3: #FF3C3C;
$color-ff4: #FF4C4C;
$color-39: #393A3F;
$color-02: #0285FF;
$color-66: #666;
$color-33: #333;
$color-99: #999;
$color-77: #777;
$color-11: #111;
$color-1c: #1c1c20;
$color-fff: #fff;
$color-00ae66: #00ae66;
$color-f15044: #f15044;
$color-ffac38: #ffac38;

// 阴影绿色
// linear-gradient(225deg, rgb(0, 174, 102) 3%, rgb(80, 210, 156) 100%);
// 阴影橙色
// linear-gradient(225deg, rgb(254, 86, 10) 3%, rgb(255, 153, 1) 100%);



//字体定义规范
//$fs-36: px2rem(36px);
//$fs-30: px2rem(30px);
//$fs-28: px2rem(28px);
//$fs-24: px2rem(24px);
//$fs-22: px2rem(22px);

//常用的class
//iphone的1px像素
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5) {
  .border-1px {
    &:after {
      transform: scaleY(0.7);
    }
  }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
  .border-1px {
    &:after {
      transform: scaleY(0.5);
    }
  }
}

//清除浮动
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

//左浮动
.fl {
  float: left;
}

//右浮动
.fr {
  float: right;
}

//左对齐
.al {
  text-align: left;
}

//居中
.ac {
  text-align: center;
}

//右对齐
.ar {
  text-align: right;
}

//隐藏
.hide {
  display: none
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  background-color: #EEE;
}

#app {
  max-width: 750px;
  width: 100%;
  height: 100%;
  margin: 0 auto; //position: relative;
}

.van-toast--default .van-toast__icon {
  padding-top: 0 !important;
}
